<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
     <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<link href="${pageContext.request.contextPath }/iosa/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/iosa/css/style.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/iosa/css/bootstrap-theme.min.css">
<script src="${pageContext.request.contextPath }/iosa/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/iosa/js/bootstrap.js"></script>
<meta charset="UTF-8">
<title>Audit</title>
</head>
<body class="layout-background">
	<nav class="navbar navbar-default nav-bar">
		<div class="layout-width">
			<div class="navbar-header">
				<a href="javascript:void(0)" class="navbar-brand">ITA Ordering
					System</a>
			</div>
			<div class="pull-right"
				style="font-size: 20px; position: relative; top: 10px; right: 55px;">
				<label class="control-label">Hello: </label> ${userName}
				<div style="margin-left: 70px; margin-top: -8px;">
					<a class="btn btn-danger btn-xs" href="./Login">Logout</a>
				</div>
			</div>
		</div>
	</nav>
	<div class="container">
		<div class="col-md-3">
			<ul class="nav nav-pills nav-stacked">
				<li role="presentation"
					style="border: 1px solid #ddd; border-radius: 4px; margin-top: 0">
					<a href="./AuditServlet">Audit Merchants</a>
				</li>
				<li role="presentation" class="active"
					style="border: 1px solid #ddd; border-radius: 4px; margin-top: 0">
					<a href="#">Active Merchants</a>
				</li>
				<li role="presentation"
					style="border: 1px solid #ddd; border-radius: 4px; margin-top: 0">
					<a href="./BlackListServlet">Black Merchants</a>
				</li>
			</ul>
		</div>
		<div class="col-md-8">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3>Active Merchants</h3>
				</div>
				<div class="panel-body" style="min-height: 680px">
					<div
						style="width: 95%; margin: auto; position: relative;">
						<table class="table table-striped" style="width: 100%">
							<thead>
								<tr>
									<td>Name</td>
									<td>Tel</td>
									<td>Email</td>
									<td></td>
								</tr>
							</thead>
							<tbody>
								<c:forEach var="p" items="${passMerchants}">
									<tr>
										<td width="20%" style="overflow: hidden"><a href="ShowOneMerchantServlet?mid=${p.mid}">${p.mname }</a></td>
										<td width="20%" style="overflow: hidden">${p.tel}</td>
										<td width="25%" style="overflow: hidden">${p.email}</td>
										<td width="20%"><a class="btn btn-danger" href="Black?mid=${p.mid}">Black</a></td>
										</tr>
								</c:forEach>

							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>